<template>
  <view class="argument-privacy-popup">
    <neil-modal
      :show="showPopup"
      title="用户协议和隐私政策"
      @cancel="handleCancle()"
      @confirm="handleConfirm()"
      confirm-text="同意"
      cancel-text="暂不使用"
    >
      <view class="popup-wrapper">
        请你务必审慎阅读、充分理解“用户协议”和“隐私政策”各条款,包括但不限于：为了向你提供电商等服务,
        我们需要收集你的设备信息、操作日志等个人信息。你可以在“设置”中查看、变更、删除个人信息并管理你的授权。
        你可阅读
        <text @tap="toUserAgreement()">《用户协议》</text>
        和
        <text @tap="toPrivacyPolicy()">《隐私政策》</text>
        了解 详细信息。如你同意,请点击“同意”开始接 受我们的服务
      </view>
    </neil-modal>
  </view>
</template>

<script>
import NeilModal from '@/components/neil-modal/neil-modal.vue';
export default {
  // 用户协议和隐私政策弹出层
  name: 'ArgumentAndPrivacyPopup',
  components: {
    NeilModal,
  },
  data() {
    return {
      showPopup: true,
    };
  },
  created() {},
  methods: {
    toUserAgreement() {
      uni.navigateTo({
        url: '/pages/notice/notice_det?id=2',
      });
    },
    toPrivacyPolicy() {
	  uni.navigateTo({
	    url: '/pages/notice/notice_det?id=3',
	  });
    },
    // 确定
    handleConfirm() {
      this.showPopup = false;
    },
    handleCancle() {
      this.showPopup = false;
      uni.navigateBack({
        delta: 1,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.popup-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 30rpx;
  text {
    color: #007aff;
  }
}
</style>
